<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>阳光好车</title>
	<link rel="stylesheet" type="text/css" href="css/base.css"/>
	<link rel="stylesheet" type="text/css" href="css/home.css"/>
	<link rel="stylesheet" type="text/css" href="city/city.css">
	<script type="text/javascript" src="script/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="script/jquery.cookie.js"></script>
	<script type="text/javascript" src="script/home_ban.js"></script>
	<script type="text/javascript" src="script/eg_top_search.js"></script>
	<script type="text/javascript" src="script/city.js"></script>
	<script type="text/javascript" src="script/snncar.js"></script>
	<script type="text/javascript" src="script/superslide.2.1.js"></script>
	<script type="text/javascript">
		$(function(){
			var carId = $("#carId").val();
			var cookie = $.cookie('LOGIN_TELEPHONE');
			console.log(cookie);
			if(cookie=== undefined){
				console.log("未登录")
			}else{
				$.ajax({
					url: "http://localhost:9002/broHistory/addHistory",
					type: "post",
					dataType: "json",
					data:{carId:carId,cookie:cookie},
					success: function (result) {
						if(result.code == 200) {
							console.log("加载完成");
						}else{
							console.log("购买失败");
						}
					},
					error:function(){
						console.log("联系管理员");
					}
				})
			}

		})
		function saveOrder (){
			var cookie = $.cookie('LOGIN_TELEPHONE');
			console.log(cookie);
			var carId = $("#carId").val();
			if(cookie == null){
				alert("请登录")
			}else{
				$.ajax({
					url: "http://localhost:9002/order/addOrder",
					type: "post",
					dataType: "json",
					data:{carId:carId,cookie:cookie},
					success: function (result) {
						console.log(result);
						if(result.code == 200) {
							var data = result.data;
							var payOrder = data.id;
							var totalPrice = data.price;
							console.log(payOrder);
							alert("购买成功");
							location.href="http://p3268w1793.wicp.vip/order/goPay?out_trade_no="+payOrder+"&subject=订单1&total_amount="+totalPrice+"&body=您的订单开始处理";
						}else{
							alert("购买失败");
						}
					},
					error:function(){
						alert("系统错误");
					}
				})
			}
		}

	</script>
	<script type="text/javascript">
		$(function(){
			$('.navmenu li').hover(function(){
				$('span',this).stop().css('height','2px');
				$('span',this).animate({
					left:'0',
					width:'100%',
					right:'0'
				},200);
			},function(){
				$('span',this).stop().animate({
					left:'50%',
					width:'0'
				},200);
			});
		});
	</script>

	<!--搜搜框获取焦点-->
	<script type="text/javascript">
		$(function () {
			$('.sea-ipt-txt').focus(function() {
				$(this).addClass("on");
				$('.search-btn').addClass("on");
			});
			$('.sea-ipt-txt').blur(function() {
				$(this).removeClass("on");
				$('.search-btn').removeClass("on");
			});
		});
	</script>
	<!--stress搜索关闭-->
	<script type="text/javascript">
		$(function () {
			var setTime;
			$(".sercat .weixin").hover(function () {
				setTime = setTimeout(function () {
					$(".sercat .wxewm").show();
				}, 300);
			}, function () {
				if (setTime) {
					clearTimeout(setTime);
				}
				$(".sercat .wxewm").hide();
			});
		});
	</script>
</head>
<body>


<input id="car" type="hidden" value="${carDto.lenLat}"/>

<div class="egc-top">
	<div class="nav-cent">
		<div class="top-r"> <a href="#" id="b-regist">注册</a>|<a href="#" id="b-login" class="b-login">登陆</a> </div>
		<div class="top-l">全国统一客服热线：400-877-9288</div>
		<div class="clear_fix"></div>
	</div>
</div>
<div class="navigation">
	<div class="nav-cent">
		<div class="logo"><a href="index.html"><img src="images/logo.png" width="240" /></a></div>
		<div class="city"> <span id="DY_site_name" class="red city-name Left">合肥</span>
			<div id="JS_hide_city_menu_11" class="city-select cut_handdler Left"> <a href="javascript:void(0);" class="common-bg selector">切换城市</a>
				<div id="JS_header_city_bar_box" class="hide_city_group">
					<div class="hideMap">
						<div class="showPanel clearfix">
							<div class="Left mycity">
								<div id="JS_current_city_box"> 当前城市：<strong id="JS_city_current_city">合肥</strong> </div>
								<div id="JS_default_city_delete" style="display: none;"></div>
							</div>
						</div>
						<div class="showPanel showPanel2 clearfix">
							<div class="hot_city" id="JS_header_city_hot"> </div>
							<div class="city_words mt10" id="JS_header_city_char"> </div>
						</div>
						<div class="scrollBody">
							<div class="cityMap clearfix">
								<table id="JS_header_city_list" class="city_list" style="margin-top: 0px;">
									<tbody>
									</tbody>
								</table>
							</div>
							<div class="scrollBar"> <span id="JS_header_city_bar" style="margin-top: 0px;"></span> </div>
						</div>
					</div>
				</div>
			</div>
			<span class="common-bg city-logo"></span> </div>
		<div class="sea">
			<div class="egc-sea-box">
				<input type="text" class="sea-ipt-txt" placeholder="搜索您想要的车" />
				<a href="#" class="search-btn">搜索</a> </div>
		</div>
		<div class="hot-phone"> <i></i> <span class="js-change-phone">400-877-9288</span> </div>
	</div>
</div>
<ul class="navmenu">
	<li class="active"><a href="index.html">首页</a><span></span></li>
	<li><a href="list.html">我要买车</a><span></span></li>
	<li><a href="wymc.html">我要卖车</a><span></span></li>
	<li><a href="#">阳光联盟</a><span></span></li>
	<li><a href="#">我要加盟</a><span></span></li>
</ul>
<div class="clear_fix"></div>
<!--所在位置-->
<div class="crumbp"> <a href="#">首页</a> <em>&gt;</em> <span>个人二手车</span></div>
<div class="mainbox">
	<!--车子概况头部-->
	<div class="car-top">
		<div class="row">
			<!--获取车辆id-->
			<input type="hidden" id="carId" value=${carDto.id}>
			<div class="mainpic">
					<span ><img  src="${imgDto.imgUrl}" width="400px" height="400px"/></span>
				<a href="#picture" class="showpic">查看图集</a> </div>
			<div class="carinfor">
				<h3 class="car-allname">${carDto.title}</h3>
				<div class="price-box">
					<div class="price-infor">
						<p><span class="nowprice">${carDto.price}元</span></p>
					</div>
					<div class="price_button">
						<input type="button" value="点击购买"  onclick="saveOrder()">
					</div>
				</div>
				<div class="clear_fix"></div>
				<div class="item-box">
					<div class="itemlist rightline">
						<p class="text-muted">上牌城市</p>
						<p>合肥</p>
					</div>
					<div class="itemlist rightline">
						<p class="text-muted">上牌时间</p>
						<p>2020-1-1</p>
					</div>
					<div class="itemlist rightline">
						<p class="text-muted">表显里程</p>
						<p>4.20万公里</p>
					</div>
					<div class="itemlist rightline">
						<p class="text-muted">排量</p>
						<p>1.3</p>
					</div>
					<div class="itemlist">
						<p class="text-muted">变速箱</p>
						<p>5挡 手动</p>
					</div>
				</div>
				<div class="row">
					<div class="tel-box"> 电话咨询 :<em>400-877-9388</em> </div>
					<div class="order_button"> <span class="wanttoprice orderbut" id="sendMESS">预约看车</span> </div>
					<div  class="order_button"><div id="collection"><button onclick="saveCollection()" class="shouchang">收藏</button></div><!--<a href="#" class="yshouchang">已收藏</a>-->
						<script type="text/javascript">
							$(function () {
								isCollection(${carDto.id});
							})

							/**
							 * 判断是否收藏
							 * @param carId
							 */
							function isCollection(carId) {
								var cookie = $.cookie('LOGIN_TELEPHONE');
								var a = '';
								if (cookie != null) {
									console.log("判断收藏方法执行")
									$.ajax({
										url : "http://localhost:9002/collections/isCollection/"+carId+"/"+cookie,
										dataType: "json",
										type : "get",
										success : function (data) {
											console.log(data)
											addCollection(data)
										}
									})
								} else {
									a += '<a href="javascript:void(0)" onclick="saveCollection()" class="shouchang" id="sendMESStx">收藏</a>';
								}
								//$("#collection").html(a);
							}
							function addCollection(data) {
								var a = ''
								if (data.code == 200) {
									if (data.data == true) {
										a += '<a href="#" class="yshouchang">已收藏</a>';
									} else  {
										a += '<a href="javascript:void(0)" onclick="saveCollection()" class="shouchang" id="sendMESStx">收藏</a>';
									}
								} else if (data.code == 500) {
									console.log("系统错误");
								}
								$("#collection").html(a);
							}
							/**
							 * 收藏
							 */
							function saveCollection() {
								var cookie = $.cookie('LOGIN_TELEPHONE');
								console.log(cookie);
								if (cookie == null) {
									console.log("请先登录");
								} else {
									$.ajax({
										url : "http://localhost:9002/collections/saveCollections",
										dataType : "json",
										type : "post",
										data:{
											"carId" : ${carDto.id},
											"telePhone" : cookie
										},
										success : function (data) {
											if (data.code == 200) {
												alert("收藏成功")
											} else {
												alert("收藏失败")
											}
										}
									})
								}
							}
						</script>
						<div id="fp">
							<ul style=" position:relative;">
								<li>
									<div class="fenxiang">分享</div>
									<div class="co-pan" width="240" style="top: 50%; margin-top: -34.5px; width: 0px;">
										<div style="width:212px;position:relative; ">
											<div style="border:1px solid #ddd;padding: 0px 10px;background:#fff;">
												<div style="border-bottom:1px solid #ddd; line-height:30px; color:#333; font-size:16px; text-align:left;">分享到：</div>
												<div>
													<div class="bdsharebuttonbox bdshare-button-style1-24" data-bd-bind="1479453771421"> <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a> <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a> <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a> <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> <a href="#" class="bds_tqf" data-cmd="tqf" title="腾讯朋友"></a> </div>
													<script>
														window._bd_share_config = {
															common : {
																"bdSnsKey":{},
																"bdText":"",
																"bdMini":"2",
																"bdMiniList":false,
																"bdPic":"",
																"bdStyle":"1",
																"bdSize":"16"
															},
															share : [{
																"bdSize" : 24,
															}],

															selectShare : [{
																"bdselectMiniList" : ['qzone','tsina','tqq','renren','weixin','tqf']
															}]
														}
														with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
													</script>
												</div>
											</div>
											<div class="co-pan-arr" style="right:-11px;"></div>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!--优势-->
				<div class="advantage">
					<h3>阳光好车已对该车辆进行检测，并将提供售后服务及保障。</h3>
					<div class="ind-dz-lc">
						<ul>
							<li>
								<div class="circle radius"> <i class="lc-01"></i> </div>
								<div class="txt">
									<h4>一年/两万公里质保</h4>
								</div>
							</li>
							<li>
								<div class="circle radius"> <i class="lc-02"></i> </div>
								<div class="txt">
									<h4>全面检测</h4>
								</div>
							</li>
							<li>
								<div class="circle radius"> <i class="lc-04"></i> </div>
								<div class="txt">
									<h4>100%个人车源</h4>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--详细导航-->
	<div class="cont-tips-outer" id="J_m_nav">
		<div class="cont-tips"> <a class="apt-btn fr" id="sendMESS">预约看车</a>
			<p class="fr check-tel"> <span class="f18"> <i>看车电话：</i> <b class="teltype">400-733-6622</b> </span> </p>
			<ul class="cont-tips-qh clearfix">
				<li class="active"><a href="#config" rel="nofollow">交易顾问</a></li>
				<li><a href="#base" rel="nofollow">基本信息</a></li>
				<li><a href="#picture" rel="nofollow">车辆图片</a></li>
				<li><a href="#luxian" rel="nofollow">看车路线</a></li>
			</ul>
		</div>
	</div>
	<!--交易顾问-->
	<div id="config">
		<div class="titles">
			<h2>交易顾问</h2>
		</div>
		<div class="jygw">
			<div class="jygw_pic"> <img class="gw-head-pic" src="images/person-round.png" style="background:url(images/jygwpic.jpg) no-repeat;"> </div>
			<div class="jygw_desc">
				<p>交易顾问：<em>江汉</em></p>
				<p>在售车源<em>15</em>辆<br />
					<a href="shoper.html">查看车源详情>></a></p>
			</div>
			<div class="jygw_con">
				<p>电话： 400-6030-273 转 917 921</p>
				<p>所属门店：合肥服务中心</p>
				<p>门店地址：合肥市政务区休宁路与潜山路交口东...</p>
				<p><a href="#luxian">看车路线查询>></a></p>
			</div>
		</div>
	</div>
	<div id="base">
		<!--基本信息-->
		<div class="titles">
			<h2>基本信息</h2>
		</div>
		<div class="ca-table">
			<table>
				<tbody>
				<tr>
					<td class="ca-td1">厂商：</td>
					<td>${carInfo.manufacturer}</td>
					<td class="ca-td1">级别：</td>
					<td>${carInfo.level}</td>
					<td class="ca-td1">发动机：</td>
					<td>${carInfo.engine}</td>
					<td class="ca-td1">变速箱：</td>
					<td>${carInfo.transmissionCase}</td>
				</tr>
				<tr>
					<td class="ca-td1">车身结构：</td>
					<td>${carInfo.bodyStructure}</td>
					<td class="ca-td1">前轮胎规格：</td>
					<td>${carInfo.frontTireSpecifications}</td>
					<td class="ca-td1">轴距：</td>
					<td>${carInfo.wheelbase}</td>
					<td class="ca-td1">行李箱容积：</td>
					<td>${carInfo.cargoVolume}</td>
				</tr>
				<tr>
					<td class="ca-td1">整备质量：</td>
					<td>${carInfo.curbWeight} </td>
					<td class="ca-td1">排量：</td>
					<td>${carInfo.displacement}</td>
					<td class="ca-td1">进气形式：</td>
					<td>${carInfo.airIntakeForm}</td>
					<td class="ca-td1">气缸数：</td>
					<td>${carInfo.numberOfCylinders}</td>
				</tr>
				<tr>
					<td class="ca-td1">最大马力：</td>
					<td>${carInfo.maximumHorsepower} </td>
					<td class="ca-td1">驱动形式：</td>
					<td> ${carInfo.drivingMode}</td>
					<td class="ca-td1">助力类型：</td>
					<td> ${carInfo.typesOfAssistance}</td>
					<td class="ca-td1">胎压监测：</td>
					<td>${carInfo.drivingBrakeType}</td>
				</tr>
				<tr>
					<td colspan="8"><p>爱车外观设计大气，顺畅的线条，银色的车身颜色，爱车现在开出去也不会觉得过时。内饰精致实用，干净整洁，基本功能齐全，空
							间可以满足家庭用车需求，后排乘坐三个成年人也不会觉得很压抑。主要家用，偶尔长途，接送小孩，上下班代步，4S店定期保养，
							现因个人原因出手爱车，有喜欢的朋友可提前打电话预约试车。</p></td>
				</tr>
				</tbody>
			</table>
		</div>
	</div>
	<div id="picture">
		<!--车俩图片-->
		<div class="titles">
			<h2>车俩图片</h2>
		</div>
		<ul class="carpiclist">
			<li class="fl"><img  src="${imgDto.imgUrl}" width="590px" height="500px"/>
				<p class="top-banner"> <span class="title">外观-左前</span> <span class="desc">车身内饰干净整洁</span> </p>
			</li>
			<li class="fr"><img  src="${imgDto.imgUrl}" width="590px" height="500px"/>
				<p class="top-banner"> <span class="title">外观-左前</span> <span class="desc">车身内饰干净整洁</span> </p>
			</li>
			<li class="fl"><img  src="${imgDto.imgUrl}" width="590px" height="500px"/>
				<p class="top-banner"> <span class="title">外观-左前</span> <span class="desc">车身内饰干净整洁</span> </p>
			</li>
			<li class="fr"><img  src="${imgDto.imgUrl}" width="590px" height="500px"/>
				<p class="top-banner"> <span class="title">外观-左前</span> <span class="desc">车身内饰干净整洁</span> </p>
			</li>
			<li class="fl"><img  src="${imgDto.imgUrl}" width="590px" height="500px"/>
				<p class="top-banner"> <span class="title">外观-左前</span> <span class="desc">车身内饰干净整洁</span> </p>
			</li>
			<li class="fr"><img  src="${imgDto.imgUrl}" width="590px" height="500px"/>
				<p class="top-banner"> <span class="title">外观-左前</span> <span class="desc">车身内饰干净整洁</span> </p>
			</li>
		</ul>
		<div class="clear_fix"></div>
		<!--车俩图片-->
		<div class="titles">
			<h2>查看更多细节</h2>
		</div>
		<div class="picMarquee-left1">
			<div class="hd"> <a class="next"></a> <a class="prev"></a> </div>
			<div class="bd">
				<ul class="picList">
					<li>
						<div class="pic"><img  src="${imgDto.imgUrl}"/></div>
					</li>
					<li>
						<div class="pic"><img  src="${imgDto.imgUrl}"/></div>
					</li>
					<li>
						<div class="pic"><img  src="${imgDto.imgUrl}"/></div>
					</li>
					<li>
						<div class="pic"><img  src="${imgDto.imgUrl}"/></div>
					</li>
					<li>
						<div class="pic"><img  src="${imgDto.imgUrl}"/></div>
					</li>
					<li>
						<div class="pic"><img  src="${imgDto.imgUrl}"/></div>
					</li>
				</ul>
			</div>
		</div>
		<script type="text/javascript">
			jQuery(".picMarquee-left1").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:false,vis:4});
		</script>
	</div>

	<div id="luxian">
		<!--看车路线-->
		<div class="titles">
			<h2>看车路线</h2>
		</div>
		<div class="ban-content" style=" padding:40px; position:relative; ">
			<div id="lumap">
				<!--引用百度地图API-->
				<style type="text/css">
					html,body{margin:0;padding:0;}
					.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
					.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
				</style>
				<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>

				<!--百度地图容器-->
<#--				<div style="width:680px;height:300px;" id="dituContent"></div>-->
				<div id="mapContainer"></div>
				<iframe id="geoPage" width=0 height=0 frameborder=0  style="display:none;" scrolling="no"
						src="https://apis.map.qq.com/tools/geolocation?key=5KLBZ-VOLCK-L5OJV-AXALP-PBRZE-ITBBN&referer=myapp">
				</iframe>
				<script type="text/javascript">
					var loc1;
					window.addEventListener('message', function(event) {
						// 接收位置信息
						var loc = event.data;
						loc1 = loc;
						console.log('location', loc);
						console.log(loc1);
					}, false);
					//注：本例仅为说明流程，不保证严谨
					setTimeout(function(){
						initMap();
					}, 1000);

					// console.log(loc1);
					// 初始化地图
					var map;
					var addr = ${carDto.lenLat};
					console.log(addr)
					// var a = addr = JSON.parse(addr);
					function initMap(){

						//console.log(a.lat);
						//console.log(a.lng);
						//初始化地图
						map = new TMap.Map('mapContainer', {
							center: new TMap.LatLng(loc1.lat,loc1.lng),//地图显示中心点
							zoom:15	//缩放级别
						});

						//WebServiceAPI请求URL（驾车路线规划默认会参考实时路况进行计算）
						var url="https://apis.map.qq.com/ws/direction/v1/driving/"; //请求路径
						url+="?from="+loc1.lat+","+loc1.lng+"";  //起点坐标
						url+="&to="+addr.lat+","+addr.lng+"";  //终点坐标
						url+="&output=jsonp&callback=cb" ;	//指定JSONP回调函数名，本例为cb
						url+="&key=5KLBZ-VOLCK-L5OJV-AXALP-PBRZE-ITBBN"; //开发key，可在控制台自助创建


						//发起JSONP请求，获取路线规划结果
						jsonp_request(url);
					}

					//浏览器调用WebServiceAPI需要通过Jsonp的方式，此处定义了发送JOSNP请求的函数
					function jsonp_request(url){
						var script=document.createElement('script');
						script.src=url;
						document.body.appendChild(script);
					}

					//定义请求回调函数，在此拿到计算得到的路线，并进行绘制
					function cb(ret){
						var coords = ret.result.routes[0].polyline, pl = [];
						//坐标解压（返回的点串坐标，通过前向差分进行压缩）
						var kr = 1000000;
						for (var i = 2; i < coords.length; i++) {
							coords[i] = Number(coords[i - 2]) + Number(coords[i]) / kr;
						}
						//将解压后的坐标放入点串数组pl中
						for (var i = 0; i < coords.length; i += 2) {
							pl.push(new TMap.LatLng(coords[i], coords[i+1]));
						}

						display_polyline(pl)//显示路线

						//标记起终点marker
						var marker = new TMap.MultiMarker({
							id: 'marker-layer',
							map: map,
							styles: {
								"start": new TMap.MarkerStyle({
									"width": 25,
									"height": 35,
									"anchor": { x: 16, y: 32 },
									"src": 'https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/start.png'
								}),
								"end": new TMap.MarkerStyle({
									"width": 25,
									"height": 35,
									"anchor": { x: 16, y: 32 },
									"src": 'https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/end.png'
								})
							},
							geometries: [{
								"id": 'start',
								"styleId": 'start',
								"position": new TMap.LatLng(loc1.lat,loc1.lng)
							}, {
								"id": 'end',
								"styleId": 'end',
								"position": new TMap.LatLng(a.lat,a.lng)
							}]
						});

					}

					function display_polyline(pl){
						//创建 MultiPolyline显示折线
						var polylineLayer = new TMap.MultiPolyline({
							id: 'polyline-layer', //图层唯一标识
							map: map,//绘制到目标地图
							//折线样式定义
							styles: {
								'style_blue': new TMap.PolylineStyle({
									'color': '#3777FF', //线填充色
									'width': 8, //折线宽度
									'borderWidth': 5, //边线宽度
									'borderColor': '#FFF', //边线颜色
									'lineCap': 'round', //线端头方式
								})
							},
							//折线数据定义
							geometries: [
								{
									'id': 'pl_1',//折线唯一标识，删除时使用
									'styleId': 'style_blue',//绑定样式名
									'paths': pl
								}
							]
						});
					}
				</script>
<#--				<script type="text/javascript">-->
<#--					//创建和初始化地图函数：-->
<#--					function initMap(){-->
<#--						createMap();//创建地图-->
<#--						setMapEvent();//设置地图事件-->
<#--						addMapControl();//向地图添加控件-->
<#--						addMarker();//向地图中添加marker-->
<#--					}-->

<#--					//创建地图函数：-->
<#--					function createMap(){-->
<#--						var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图-->
<#--						var point = new BMap.Point(117.27254,31.885679);//定义一个中心点坐标-->
<#--						map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中-->
<#--						window.map = map;//将map变量存储在全局-->
<#--					}-->

<#--					//地图事件设置函数：-->
<#--					function setMapEvent(){-->
<#--						map.enableDragging();//启用地图拖拽事件，默认启用(可不写)-->
<#--						map.enableScrollWheelZoom();//启用地图滚轮放大缩小-->
<#--						map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)-->
<#--						map.enableKeyboard();//启用键盘上下左右键移动地图-->
<#--					}-->

<#--					//地图控件添加函数：-->
<#--					function addMapControl(){-->
<#--						//向地图中添加缩放控件-->
<#--						var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});-->
<#--						map.addControl(ctrl_nav);-->
<#--						//向地图中添加缩略图控件-->
<#--						var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});-->
<#--						map.addControl(ctrl_ove);-->
<#--						//向地图中添加比例尺控件-->
<#--						var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});-->
<#--						map.addControl(ctrl_sca);-->
<#--					}-->

<#--					//标注点数组-->
<#--					var markerArr = [{title:"安徽省众隆在线投资管理有限公司",content:"地址：安徽省合肥市庐阳区北一环祥源广场B座12F<br/>全国服务热线：400-090-1268<br/>联系电话：0551-63772628",point:"117.272005|31.885464",isOpen:1,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}}-->
<#--					];-->
<#--					//创建marker-->
<#--					function addMarker(){-->
<#--						for(var i=0;i<markerArr.length;i++){-->
<#--							var json = markerArr[i];-->
<#--							var p0 = json.point.split("|")[0];-->
<#--							var p1 = json.point.split("|")[1];-->
<#--							var point = new BMap.Point(p0,p1);-->
<#--							var iconImg = createIcon(json.icon);-->
<#--							var marker = new BMap.Marker(point,{icon:iconImg});-->
<#--							var iw = createInfoWindow(i);-->
<#--							var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});-->
<#--							marker.setLabel(label);-->
<#--							map.addOverlay(marker);-->
<#--							label.setStyle({-->
<#--								borderColor:"#808080",-->
<#--								color:"#333",-->
<#--								cursor:"pointer"-->
<#--							});-->

<#--							(function(){-->
<#--								var index = i;-->
<#--								var _iw = createInfoWindow(i);-->
<#--								var _marker = marker;-->
<#--								_marker.addEventListener("click",function(){-->
<#--									this.openInfoWindow(_iw);-->
<#--								});-->
<#--								_iw.addEventListener("open",function(){-->
<#--									_marker.getLabel().hide();-->
<#--								})-->
<#--								_iw.addEventListener("close",function(){-->
<#--									_marker.getLabel().show();-->
<#--								})-->
<#--								label.addEventListener("click",function(){-->
<#--									_marker.openInfoWindow(_iw);-->
<#--								})-->
<#--								if(!!json.isOpen){-->
<#--									label.hide();-->
<#--									_marker.openInfoWindow(_iw);-->
<#--								}-->
<#--							})()-->
<#--						}-->
<#--					}-->
<#--					//创建InfoWindow-->
<#--					function createInfoWindow(i){-->
<#--						var json = markerArr[i];-->
<#--						var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");-->
<#--						return iw;-->
<#--					}-->
<#--					//创建一个Icon-->
<#--					function createIcon(json){-->
<#--						var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})-->
<#--						return icon;-->
<#--					}-->

<#--					initMap();//创建和初始化地图-->
<#--				</script>-->
			</div>
			<div class="lumap-right">
				<div style="color:#000; font-size:24px;"><a target="_blank" href="#">合肥清溪服务中心</a></div>
				<div>门店电话：<span style="color:#ee7800; font-size:18px;">400-068-5858&nbsp;&nbsp;转&nbsp;&nbsp;186409</span></div>
				<div>门店地址：<span style="color:#202020; font-size:16px;">肥市蜀山区清溪路10号黎阳嘉苑7#商102
          （大润发往西300米）</span></div>
				<div style="margin-top:20px;"> <img src="images/store-map-22.jpg"> </div>
			</div>
		</div>
	</div>


	<div class="clear_fix"></div>
	<!--底部-->
	<div class="ftWrap">
		<div class="foot">
			<div class="cent">
				<div class="relate">
					<div class="items">
						<div class="tit"><i class="icon-angle-right"></i>交易帮助</div>
						<div class="con"> <a href="#">买车帮助</a> <a href="#">卖车帮助</a> <a href="#">过户帮助</a> </div>
					</div>
					<div class="items">
						<div class="tit"><i class="icon-angle-right"></i>客服中心</div>
						<div class="con"> <a href="abut.html">网站合作</a> <a href="about.html">关于我们</a> <a href="contact.html">联系我们</a> </div>
					</div>
					<div class="items">
						<div class="tit"><i class="icon-angle-right"></i>购车指南</div>
						<div class="con"> <a href="#">购车帮助</a></div>
					</div>
					<div class="app-section"> <img class="js-delayed-img"  src="images/f_wx.jpg">
						<div class="title">扫码关注微信</div>
						<p> 随时随地，秒杀好车<br />
							优质个人二手车 </p>
					</div>
					<div class="items last">
						<div class="tel">
							<h1>400-877-9288</h1>
							<p>周一至周日 8:00-18:00</p>
							<p>免费咨询(咨询、建议、投诉)</p>
							<a href="#" class="kf"><i class="kf-icon"></i>在线客服</a> </div>
						<div class="tel-mb">
							<p><span>400-710-8886</span>周一至周日 8:00-18:00(仅收市话费)</p>
							<a href="#" class="kf"><i class="kf-icon"></i>在线客服</a> </div>
					</div>
				</div>
			</div>
		</div>
		<div class="copyright">
			<div class="cent"> Copyright © 2016-2017, snncar.com,All Rights Reserved 皖ICP备16022456号-1</div>
		</div>
	</div>
	<script type="text/javascript" src="script/3c-menu.js"></script>
	<script type="text/javascript" src="script/lg_reg.js"></script>
	<script type='text/javascript' >
		var nt = !1;
		$(window).bind("scroll",
				function() {
					var st = $(document).scrollTop();//往下滚的高度
					nt = nt ? nt: $("#J_m_nav").offset().top;
					var sel=$("#J_m_nav");
					if (nt < st) {
						sel.addClass("nav_fixeds");
					} else {
						sel.removeClass("nav_fixeds");
					}
				});
	</script>
	<script type="text/javascript">
		$(function(){
			$(".cont-tips-qh li").click(function() {
				$(this).siblings('li').removeClass('active');  // 删除其他兄弟元素的样式
				$(this).addClass('active');                            // 添加当前元素的样式
			});
		});
	</script>
	<div id="leftsead">
		<ul>
			<li> <a id="top_btn"> <img src="images/foot03/ll06.png" width="47" height="49" class="hides"/> <img src="images/foot03/l06.png" width="47" height="49" class="shows" /> </a> </li>
			<li> <a href=""> <img src="images/foot03/ll03.png"  width="47" height="49" class="hides"/> <img src="images/foot03/l03.png" width="47" height="49" class="shows" /> </a> </li>
			<li> <a href=""> <img src="images/foot03/ll02.png" width="166" height="49" class="hides"/> <img src="images/foot03/l04.png" width="47" height="49" class="shows" /> </a> </li>
			<li> <a class="youhui"> <img src="images/foot03/l02.png" width="47" height="49" class="shows" /> <img src="images/foot03/zfew.jpg" width="196" height="205" class="hides" usemap="#taklhtml"/> </a> </li>
		</ul>
	</div>
	<!--leftsead end-->

	<script type="text/javascript">

		$(document).ready(function(){

			$("#leftsead a").hover(function(){
				if($(this).prop("className")=="youhui"){
					$(this).children("img.hides").show();
				}else{
					$(this).children("img.hides").show();
					$(this).children("img.shows").hide();
					$(this).children("img.hides").animate({marginRight:'0px'},'slow');
				}
			},function(){
				if($(this).prop("className")=="youhui"){
					$(this).children("img.hides").hide('slow');
				}else{
					$(this).children("img.hides").animate({marginRight:'-143px'},'slow',function(){$(this).hide();$(this).next("img.shows").show();});
				}
			});

			$("#top_btn").click(function(){if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 600);});

		});
	</script>
	<script>
		$(function(){
			$("#fp ul li").hover(function(){
				$pan=$(this).find(".co-pan");
				var cwidth=$pan.attr('width');
				var cheight=$pan.height();
				$(this).find(".co-pan").not(".cf-item").css({"top":"35px","right":"80px",});
				$pan.stop(true,false).animate({"width":cwidth + "px"},300);
			},function(){
				$pan=$(this).find(".co-pan");
				$pan.stop(true,false).animate({"width":"0px"},300);
			});
		});
	</script>


</body>
</html>